<template>
  <div class="login">
  <login-form class="login-left" />
 
  </div>
</template>
<script lang="ts">
import { defineComponent} from 'vue'
import loginForm from '@/components/Loginform.vue'
export default defineComponent({
  name:'login',
  components:{
       loginForm
   },
   
})
</script>
<style lang="less" scoped>
  .login{
     height: 100vh;
     background-image: url('../assets/testBack.png');
     background-repeat: no-repeat;
    //  background-size:contain;
      background-size:cover;
     display: flex;
     justify-content: center;
     align-items: center;
    //  .login-left{
    //    position: absolute;
    //    left: 10%;
    //    top:20%;
    //  }
    //  .login-r{
    //    position: absolute;
    //    right: 20%;
    //    top: 20%;
    //    color: rgb(88, 36, 36);
    //  }
     }
</style>
